<template>
    <h2>对象位置</h2>
    <img src="@/assets/img/villas.jpg" alt="" class="tw:size-100">
    <div class="tw:grid tw:grid-cols-3 tw:grid-rows-3 tw:bg-sky-100 tw:size-300">
        <img src="@/assets/img/villas.jpg" alt="" class="tw:size-75 tw:object-none tw:object-top-left">
        <img src="@/assets/img/villas.jpg" alt="" class="tw:size-75 tw:object-none tw:object-top">
        <img src="@/assets/img/villas.jpg" alt="" class="tw:size-75 tw:object-none tw:object-top-right">
        <img src="@/assets/img/villas.jpg" alt="" class="tw:size-75 tw:object-none tw:object-left">
        <img src="@/assets/img/villas.jpg" alt="" class="tw:size-75 tw:object-none tw:object-center">
        <img src="@/assets/img/villas.jpg" alt="" class="tw:size-75 tw:object-none tw:object-right">
        <img src="@/assets/img/villas.jpg" alt="" class="tw:size-75 tw:object-none tw:object-bottom-left">
        <img src="@/assets/img/villas.jpg" alt="" class="tw:size-75 tw:object-none tw:object-bottom">
        <img src="@/assets/img/villas.jpg" alt="" class="tw:size-75 tw:object-none tw:object-bottom-right">
    </div>
</template>
